@import "~assets/styles/_bootstrap";

#user_detailes {
  width: 100%;
  height: 100%;
  font-size: rem(17px);
  background-color: #F6F6F9;

  .red_span {
    color: $mainCol !important;
  }

  .detailes_con {
    padding: 0 rem(15px);
    background-color: #fff;

    > li {
      display: flex;
      font-size: rem(16px);
      min-height: 10px;
      padding: rem(12px) rem(19px) rem(12px) 0;

      &:not(:last-child) {
        border-bottom: 1px solid #e0e0e0;
      }

      > div {
        flex: 3;

        > p {
          padding-bottom: rem(8px);

          &:last-child {
            font-size: rem(13px);
            color: #999;
            padding-bottom: 0;
          }
        }
      }

      > span {
        flex: 1;
        color: #00b340;
        text-align: right;
      }
    }
  }
}